<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>账户安全</title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="iconfont/iconfont.css" />
    <link rel="stylesheet" href="css/accountsafe.css" />
    <script type="text/javascript" src="js/mui.js"></script>
    <script src="js/pxtorem.js"></script>
    <script src="js/personal-data.js"></script>
    <script src="js/scrollnone.js"></script>
    <style>
        /*对弹出框样式的设置*/
       .mui-btn,.mui-btn-blue,.mui-poppicker-btn-cancel,.mui-poppicker-btn-ok{
       	   border:none!important;
	       font-size:0.3rem!important;
           color:rgba(36,36,36,1);
           background:transparent;
        }
    	.mui-picker{
    		background-color: #fff !important;
    	}
    </style>
</head>
<body>
    <!--header开始-->
      <header>
        <main>
	      	<div class="iconfont icon-fanhui mui-action-back" style="font-size:0.34rem"></div>
	      	<div style="font-size:0.34rem;color:#fff;">账户安全</div>
	      	<div></div>
      	</main>
      </header>
    <!--header结束-->
    <!--content开始-->
    <section class="content">
    	<!--个人信息-->
    	<div class="personal-info">
			<ul>
				<li   class="modphone">
					<main>
						<span class="pinfo-title">登录手机</span>
						<div style="display: flex;align-items: center;">
							<span class="pinfo-data" style="margin-right:0.1rem">136***111</span>
							<span class="iconfont icon-leftpoint"></span>
						</div>
					</main>
				</li>
				<li  class="modpass">
					<main style="border-bottom:none;">
						<span class="pinfo-title">修改密码</span>
						<div style="display: flex;align-items: center;" >
							<span class="pinfo-data" style="margin-right:0.1rem">点击修改</span>
							<span class="iconfont icon-leftpoint"></span>
						</div>
					</main>
				</li>
				<li style="margin-top:0.16rem;">
					<main>
						<div style="display: flex; align-items: center;">
							<img src="img/z_icon_sina_s@2x.png" alt="" class="account-Icon"/>
							<span class="pinfo-title">新浪微博</span>
						</div>
						<div style="display: flex;align-items: center;">
							<span class="pinfo-data" style="margin-right:0.1rem">lqlseven</span>
							<span class="iconfont icon-leftpoint"></span>
						</div>
					</main>
				</li>
				<li>
					<main>
						<div style="display: flex; align-items: center;">
							<img src="img/z_icon_qq_s@2x.png" alt=""  class="account-Icon"/>
							<span class="pinfo-title">QQ</span>
						</div>
						<div style="display: flex;align-items: center;">
							<span class="pinfo-data" style="margin-right:0.1rem">lqlseven</span>
							<span class="iconfont icon-leftpoint"></span>
						</div>
					</main>
				</li>
				<li>
					<main>
						<div style="display: flex; align-items: center;">
							<img src="img/z_icon_wechat@2x.png" alt=""  class="account-Icon"/>
							<span class="pinfo-title">微信</span>
						</div>
						<div style="display: flex;align-items: center;">
							<span class="pinfo-data" style="margin-right:0.1rem">lqlseven</span>
							<span class="iconfont icon-leftpoint"></span>
						</div>
					</main>
				</li>
			</ul>
    	</div>
    </section>
    <!--content结束-->
</body>
<script src="js/apptool.js"></script>
<script src="js/accountsafe.js"></script>
</script>
</html>